﻿<%@ Page Title="" Language="C#" MasterPageFile="~/MasterPages/SiteMaster.master" AutoEventWireup="true" CodeBehind="Webtv.aspx.cs" Inherits="LDW_Eutoliso.Public.Webtv" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
</asp:Content>
<asp:Content ID="Content12" ContentPlaceHolderID="headScript" runat="server">

    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
    <script type="text/javascript" src="/App_Themes/eutoliso/js/jquery.nivo.slider.js"></script>
    <script src="/App_Themes/eutoliso/js/jquery.prettyPhoto.js" type="text/javascript"></script>
    <script src="/App_Themes/eutoliso/js/twitter.js"></script>
    <script src="/App_Themes/eutoliso/js/jquery.isotope.min.js"></script>
    <script src="/App_Themes/eutoliso/js/custom.js"></script>

    <script>
        $(document).ready(function () {

            var $container = $('#portfolio-container')
            // initialize Isotope
            $container.isotope({
                // options...
                resizable: false, // disable normal resizing
                layoutMode: 'fitRows',
                itemSelector: '.element3',
                animationEngine: 'best-available',

                // set columnWidth to a percentage of container width
                masonry: { columnWidth: $container.width() / 5 }
            });

            // update columnWidth on window resize
            $(window).smartresize(function () {
                $container.isotope({
                    // update columnWidth to a percentage of container width
                    masonry: { columnWidth: $container.width() / 5 }
                });
            });
            $container.imagesLoaded(function () {

                $container.isotope({
                    // options...
                });
            });

            $('#portfolio-filter a').click(function () {
                var selector = $(this).attr('data-filter');
                $container.isotope({ filter: selector });
                return false;
            });
        });
</script>
    <script type="text/javascript" charset="utf-8">
        $(document).ready(function () {
            $("a[rel^='prettyPhoto']").prettyPhoto();
        });
</script>

</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="header_search" runat="server">
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="login_header" runat="server">
</asp:Content>
<asp:Content ID="Content4" ContentPlaceHolderID="header_pos_menu" runat="server">
</asp:Content>
<asp:Content ID="Content5" ContentPlaceHolderID="body_pre_central" runat="server">
</asp:Content>
<asp:Content ID="Content6" ContentPlaceHolderID="body_central" runat="server">

    <!-- Start H1 Title -->
    <div class="titlesnormal">

        <h1>Eutoliso TV - A nossa WebTV</h1>

        <span></span>

    </div>
    <!-- End H1 Title -->
    <!-- Start Main Body Wrap -->
    <div id="main-wrap">

        <!-- Start Box -->
        <div class="boxes-full">

            <div class="boxes-padding fullpadding">

                <!-- Start None Split Section -->
                <div class="splitnone">

                       <%-- <div id="portfolio-filter-choice">
                            <a href="portfolio-2-column.html" title="2 Column Portfolio">
                                <img src="/App_Themes/eutoliso/images/2column.png" alt="2 Column Portfolio" width="25" height="25"></a> <a href="portfolio-3-column.html" title="3 Column Portfolio">
                                    <img src="/App_Themes/eutoliso/images/3column.png" alt="3 Column Portfolio" width="25" height="25"></a> <a href="portfolio.html" title="4 Column Portfolio">
                                        <img src="/App_Themes/eutoliso/images/4column.png" alt="4 Column Portfolio" width="25" height="25"></a>
                        </div>--%>

                    <!-- Start Portfolio Filter -->
                    <div id="portfolio-filter">

                        <ul>

                            <li><strong>Filtro: </strong></li>
                            <li><a href="#portfolio-filter" title="All" class="orangebutton smallrectange" data-filter="*">Todos</a></li>
                            <li><a href="#portfolio-filter" title="Web Design" class="orangebutton smallrectange" data-filter=".web">Eventos e Festas</a></li>
                            <li><a href="#portfolio-filter" title="Graphic Design" class="orangebutton smallrectange" data-filter=".graphic">Eutoliso TV</a></li>
                            <li><a href="#portfolio-filter" title="Print Design" class="orangebutton smallrectange" data-filter=".print">Reportagens</a></li>
                            <li><a href="#portfolio-filter" title="Logo Design" class="orangebutton smallrectange" data-filter=".logo">Publicidade</a></li>

                        </ul>

                    </div>
                    <!-- End Portfolio Filter -->

                </div>
                <!-- End None Split Section -->

            </div>

            <span class="box-arrow"></span>

        </div>
        <!-- End Box -->

        <!-- Start Box -->
        <div class="boxes-full">

            <div class="boxes-padding fullpadding">

                <!-- Start None Split Section -->
                <div class="splitnone">

                    <div id="portfolio-container">

                        <!-- Start 4 column portfolio -->
                        <div class="element3 web">

                            <div class="portfoliowrap">

                                <div class="title">Eventos e Festas <span class="titlearrow"></span></div>
                                <div class="portfolioimage">
                                    
                                        <iframe width="295" height="295" src="//www.youtube.com/embed/d_SmUFnDiKQ" frameborder="0" allowfullscreen="true"></iframe>
                                </div>
                                <div class="text">Descrição<br /><br /></div>

                            </div>

                        </div>

                        <div class="element3 graphic">

                            <div class="portfoliowrap">

                                <div class="title">Eutoliso TV<span class="titlearrow"></span></div>
                                <div class="portfolioimage">
                                   <iframe width="295" height="295" src="//www.youtube.com/embed/d_SmUFnDiKQ" frameborder="0" allowfullscreen="true"></iframe>
                                </div>
                                <div class="text">Descrição<br /><br /></div>

                            </div>

                        </div>

                         <%--publicidade--%>
                        <div class="element3 logo">

                            <div class="portfoliowrap">

                                <div class="title">Publicdade<span class="titlearrow"></span></div>
                                <div class="portfolioimage">
                                   <iframe width="295" height="295" src="//www.youtube.com/embed/d_SmUFnDiKQ" frameborder="0" allowfullscreen="true"></iframe>
                                </div>
                                <div class="text">Descrição<br /><br /></div>

                            </div>

                        </div>

                        <div class="element3 logo">

                            <div class="portfoliowrap">

                                <div class="title">Publicdade<span class="titlearrow"></span></div>
                                <div class="portfolioimage">
                                   <iframe width="295" height="295" src="//www.youtube.com/embed/d_SmUFnDiKQ" frameborder="0" allowfullscreen="true"></iframe>
                                </div>
                                <div class="text">Descrição<br /><br /></div>

                            </div>

                        </div>

                        <div class="element3 print">

                            <div class="portfoliowrap">

                                <div class="title">Reportagens<span class="titlearrow"></span></div>
                                <div class="portfolioimage">
                                    <iframe width="295" height="295" src="//www.youtube.com/embed/d_SmUFnDiKQ" frameborder="0" allowfullscreen="true"></iframe>
                                </div>
                                <div class="text">Descrição<br /><br /></div>

                            </div>

                        </div>

                        <div class="element3 print">

                            <div class="portfoliowrap">

                                <div class="title">Reportagens<span class="titlearrow"></span></div>
                                <div class="portfolioimage">
                                    <iframe width="295" height="295" src="//www.youtube.com/embed/d_SmUFnDiKQ" frameborder="0" allowfullscreen="true"></iframe>
                                </div>
                                <div class="text">Descrição<br /><br /></div>

                            </div>

                        </div>

                        <div class="element3 web">

                            <div class="portfoliowrap">

                                <div class="title">Eventos e Festas<span class="titlearrow"></span></div>
                                <div class="portfolioimage">
                                    <iframe width="295" height="295" src="//www.youtube.com/embed/d_SmUFnDiKQ" frameborder="0" allowfullscreen="true"></iframe>
                                </div>
                                <div class="text">Descrição<br /><br /></div>

                            </div>

                        </div>

                        <div class="element3 web">

                            <div class="portfoliowrap">

                                <div class="title">Eventos e Festas<span class="titlearrow"></span></div>
                                <div class="portfolioimage">
                                    <iframe width="295" height="295" src="//www.youtube.com/embed/d_SmUFnDiKQ" frameborder="0" allowfullscreen="true"></iframe>
                                </div>
                                <div class="text">Descrição<br /><br /></div>

                            </div>

                        </div>

                        <div class="element3 graphic">

                            <div class="portfoliowrap">

                                <div class="title">Eutoliso TV<span class="titlearrow"></span></div>
                                <div class="portfolioimage">
                                    <iframe width="295" height="295" src="//www.youtube.com/embed/d_SmUFnDiKQ" frameborder="0" allowfullscreen="true"></iframe>
                                </div>
                                <div class="text">Descrição<br /><br /></div>

                            </div>

                        </div>

                        <div class="element3 Web">

                            <div class="portfoliowrap">

                                <div class="title">Eventos e Festas<span class="titlearrow"></span></div>
                                <div class="portfolioimage">
                                    <iframe width="295" height="295" src="//www.youtube.com/embed/d_SmUFnDiKQ" frameborder="0" allowfullscreen="true"></iframe>
                                </div>
                                <div class="text">Descrição<br /><br /></div>

                            </div>

                        </div>

                        <div class="element3 web">

                            <div class="portfoliowrap">

                                <div class="title">Eventos e Festas<span class="titlearrow"></span></div>
                                <div class="portfolioimage">
                                    <iframe width="295" height="295" src="//www.youtube.com/embed/d_SmUFnDiKQ" frameborder="0" allowfullscreen="true"></iframe>
                                </div>
                                <div class="text">Descrição<br /><br /></div>

                            </div>

                        </div>

                        <div class="element3 web">

                            <div class="portfoliowrap">

                                <div class="title">Eventos e Festas<span class="titlearrow"></span></div>
                                <div class="portfolioimage">
                                    <iframe width="295" height="295" src="//www.youtube.com/embed/d_SmUFnDiKQ" frameborder="0" allowfullscreen="true"></iframe>
                                </div>
                                <div class="text">Descrição<br /><br /></div>

                            </div>

                        </div>

                        <div class="element3 graphic">

                            <div class="portfoliowrap">

                                <div class="title">Eutoliso TV<span class="titlearrow"></span></div>
                                <div class="portfolioimage">
                                    <iframe width="295" height="295" src="//www.youtube.com/embed/d_SmUFnDiKQ" frameborder="0" allowfullscreen="true"></iframe>
                                </div>
                                <div class="text">Descrição<br /><br /></div>

                            </div>

                        </div>

                        <div class="element3 Web">

                            <div class="portfoliowrap">

                                <div class="title">Eventos e Festas<span class="titlearrow"></span></div>
                                <div class="portfolioimage">
                                    <iframe width="295" height="295" src="//www.youtube.com/embed/d_SmUFnDiKQ" frameborder="0" allowfullscreen="true"></iframe>
                                </div>
                                <div class="text">Descrição<br /><br /></div>

                            </div>

                        </div>
                        <!-- End 4 column portfolio -->

                    </div>

                </div>
                <!-- End None Split Section -->

            </div>


        </div>
        <!-- End Box -->

    </div>
    <!-- End Main Body Wrap -->




</asp:Content>
<asp:Content ID="Content7" ContentPlaceHolderID="body_pos_central" runat="server">
</asp:Content>
<asp:Content ID="Content8" ContentPlaceHolderID="body_pos_a_central" runat="server">
</asp:Content>
<asp:Content ID="Content9" ContentPlaceHolderID="footer_twitter_realtime" runat="server">
</asp:Content>
<asp:Content ID="Content10" ContentPlaceHolderID="footer_search" runat="server">
</asp:Content>
<asp:Content ID="Content11" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
</asp:Content>
